import React from 'react';
import {  View,Text } from 'react-native';

//vue 中 data 中的数据 当数据发生改变 页面跟着改变
// const Index = () => {
//   let num=100;
//   setInterval(()=>{
//     num++;
//   },1000);
//   return <View>
//     <Text>{num}</Text>
//   </View>
// }

//类组件
class Index extends React.Component{
  //state=>状态
  state={
    num:100
  }
  //组件挂载完毕 类似vue中mounted
  componentDidMount() {
    alert("发送异步请求")
  }

  render() {
    setTimeout(()=>{
      //修改state
      //不能直接修改 this.state.num=1000;错误的
      this.setState({
        num:1000
      })
    })
    return <View>
      <Text>{this.state.num}</Text>
    </View>;
  }
}

export default Index;
